@charset "utf-8";
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,section,article,aside,header,footer,nav,dialog,figure,hgroup {
	margin:0;
	padding:0
}
ul,ol,li {
	list-style:none
}
* {
	outline:0;
	-webkit-tap-highlight-color:transparent;
}
html {
	-webkit-text-size-adjust:none;
	word-wrap:break-word
}
h1,h2,h3,input,button,textarea,select {
	font-size:100%;
	font-weight:normal
}
body,input,button,textarea,select,option,cite,em,s,i,b {
	font-style:normal
}
a,input,textarea {
	text-decoration:none;
	outline:0;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
li,img,label,input {
	vertical-align:middle;
	outline:none
}
table {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	font-size:inherit
}
fieldset,img {
	border:0
}
input[type="submit"],input[type="reset"],input[type="button"],button {
	-webkit-appearance:none
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
	-webkit-appearance:none !important
}
input[type="number"] {
	-moz-appearance:textfield
}
html {
	font-size:50px
}
body {
	font-size:24px;
	min-width:320px;
	color:#333;
	font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;
}

.clearfix,ul {
    *zoom:1
}

.clearfix:after,ul:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
}

.diy-box {
    display: -webkit-box;
    display: -ms-box;
    display: box
}

.flex-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
}
.bdr(@r:25px){
	-webkit-border-radius: @r;
	-moz-border-radius: @r;
	-ms-border-radius: @r;
	-o-border-radius: @r;
	border-radius: @r;
}

.box-sizing{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.user-select-none{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.hide{display:none;}
.show{display:block;}

.fl{float:left;}
.fr{float:right;}
.text-l{text-align:left;}
.text-r{text-align:right;}
.text-c{text-align:center;}

i.kx-arrow{
	display:block;height:16px;width:16px;float:left;position:relative;
}
i.kx-arrow em,i.kx-arrow span{width:0;height:0;
	border-color:transparent;
	position:absolute;
}
i.kx-arrow-up em{
	border-width:8px;  /*边框的高度*/
	border-style:dashed dashed solid dashed;
	border-bottom-color:#999; /*边框的颜色*/
	left:0;
	bottom:2px; /*边框的厚度*/
}
i.kx-arrow-up span{
	border-width:8px;  /*边框的高度*/
	border-style:dashed dashed solid dashed;
	left:0;
	bottom:0;
	border-bottom-color:#fff;/*用白色边框绝对定位盖住多余的部分*/
}

i.kx-arrow-right em{
	border-width:8px;  /*边框的高度*/
	border-style:dashed solid dashed dashed;
	border-right-color:#999; /*边框的颜色*/
	top:0;
	right:2px; /*边框的厚度*/
}
i.kx-arrow-right span{
	border-width:8px;  /*边框的高度*/
	border-style:dashed solid dashed dashed;
	top:0;
	right:0;
	border-right-color:#fff;/*用白色边框绝对定位盖住多余的部分*/
}

.gradient(@beginColor,@endColor){
	background: -moz-linear-gradient(top, @beginColor 0%, @endColor 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@beginColor), color-stop(100%,@endColor));
	background: -webkit-linear-gradient(top,@beginColor 0%,@endColor 100%);
	background: -o-linear-gradient(top, @beginColor 0%,@endColor 100%);
	background: -ms-linear-gradient(top, @beginColor 0%,@endColor 100%);
	background: linear-gradient(to bottom, @beginColor 0%,@endColor 100%);
}

.beautify-checkbox {
	display: none;
}

.beautify-checkbox + label {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius:25px;
	display: inline-block;
	position: relative;
}

.beautify-checkbox + label:active, .beautify-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.beautify-checkbox:checked + label {
	background-color: #2585de;
	border: 1px solid #2585de;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #fff;
}

.beautify-checkbox:checked + label:after {
	content: '\2713';
	font-size:22/@rem;
	font-weight:bold;
	position: absolute;
	top: -3/@rem;
	left: 2/@rem;
	color: #fff !important;
}

.pub-nav{
	position:fixed;bottom:0;left:0;width:100%;height:82/@rem;padding-top:10/@rem;background:#f5f4f4;border-top:1px solid #e7e7e7;
	li{
		position:relative;width:33.33333%;.text-c;.fl;font-size:18/@rem;
		.pic{
			width:50/@rem;height:50/@rem;display:inline-block;overflow:hidden;
			background:url(../../img/public/pubBotton_nav.png) no-repeat;
			-webkit-background-size:50/@rem 303/@rem;
			background-size:50/@rem 303/@rem;
		}
		.txt{vertical-align:top;line-height:20/@rem;height:20/@rem;font-size:20/@rem;color:#666;overflow:hidden;}
		.index{
			background-position:0rem 8/@rem;
		}
		.shopCart{
			background-position:0/@rem -94/@rem;
			.num{
				position:absolute;left:50%;margin-left:15/@rem;padding:0 5/@rem;min-width:20/@rem;height:30/@rem;font-size:20/@rem;.text-c;line-height:30/@rem;background:red;color:#fff;
				.bdr(20px);
			}
		}
		.me{
			background-position:0/@rem -196/@rem;
		}
		&.on{
			.txt{color:#2484db;}
			.index{
				background-position:0/@rem -42/@rem;
			}
			.shopCart{
				background-position:0/@rem -144/@rem;
			}
			.me{
				background-position:0/@rem -254/@rem;
			}
		}
	}
}

.errorTip { //错误提示
	padding:10/@rem 15/@rem;background:rgba(0,0,0,0.8);border-radius:10px;top:50%;left: 0;text-align: center;  max-width:90%; position: fixed;z-index: 100;line-height:1em;
	span{
		color: #fff;position:relative;top:-3/@rem;
	}
}

//750px设计图下的尺寸
body{padding-bottom:96/@rem;}
@rem:40rem;
@imgUrl:'/source/img';